<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* JSON(JavaScript Object Notation) js对象标记法
            是通过js标记书写的文本 在前后端交互过程中用来传输数据
            特点：
            轻便 传输快  格式结构清晰易于维护
            相对于自定义对象而言，使用双引号将属性名（key）引起来 值是任意类型
            字符串都是双引号
            JSON对象存在有两种形式：
           - JSON对象：在访问属性时使用对象.属性名 访问函数使用对象.函数 操作更加方便
           - JSON字符串：如果需要获取字符串中的值需要通过各种拆分查找 非常麻烦
           但是，在前后交互传输使得时候 使用的是字符串 前端为了方便又必须是对象
           所有json存在对象与字符串的两种形式且可以相互转换
        */

        //json对象形式
        var jonsObj = {
            "name":"张三",
            "age":18,
            "addredd":"昆明"
        }

        //json字符串形式
       /*  var jonsStr = '{"name":"张三","age":18,"addredd":"昆明"}'; */

       /*  alert(jonsStr.name) */

    //json对象转字符串
    var str =  JSON.stringify(jonsObj);
    alert(typeof str);
    

    //json字符串转对象
    var obj = JSON.parse(str);
    alert(typeof obj);


  





    </script>
</head>
<body>
    
</body>
</html>